<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
    <title>jTopo Demo</title>
    <meta name="description" content="jTopo免费的基于HTML5 Canvas的网络拓扑、关系图形库">
    <meta name="keyword" content="jTopo 网络 拓扑 图形库 HTML5 Canvas 免费 关系图形库 javascript topology">

    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link href="../css/jquery.snippet.min.css" rel="stylesheet">

    <script src="../js/jquery.js"></script>
    <script src="../js/site.js"></script>
    <script src="../js/demo.js"></script>

    <script type="text/javascript" src="js/snippet/jquery.snippet.min.js"></script>

    <script type="text/javascript" src="js/jtopo-min.js"></script>
    <script type="text/javascript" src="js/toolbar.js"></script>

    <script id='code'>
        $(document).ready(function () {
            var canvas = document.getElementById('canvas')
            var stage = new JTopo.Stage(canvas)
            //显示工具栏
            showJTopoToobar(stage)

            var scene = new JTopo.Scene()
            scene.background = './img/bg.jpg'

            function msg(x, y, msg) {
                var node = new JTopo.TextNode(msg)
                node.setLocation(x, y)
                node.font = 'italic bold 20px 微软雅黑'
                scene.add(node)
            }

            // msg(260, 200, 'Email: jtopology@163.com')
            // msg(300, 250, 'QQ群: 347729010(弃用)')
            msg(300, 250, 'QQ群: 171820448')
            // msg(300, 300, 'QQ: 94474837')


            stage.add(scene)
        })
    </script>
</head>

<body>
<div class="wrap_div">
    <div class="head_nav">
        <h2 class="logo"><a href="index.html" title="jTopo">jTopo</a></h2>
    </div>
    <div class="head_nav_second">
        <ul class="menu" id="nav_menu">

        </ul>
    </div>
    <div class="content">
        <div class="left">
            <ul id="menu">

            </ul>
        </div>
        <div class="right">
            <div id="content">
                <canvas width="850" height="550" id="canvas"></canvas>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="footer"></div>
</body>
</html>
